<!--导航-->
<div class="form-group">
    <input type="text" class="form-control" id="searchapi" placeholder="search here" onkeyup="search('api',this)">
</div>
<div class="list">
    <ul class="list-unstyled" style="padding:10px">
        <?php
            foreach($menu as $v){
            ?>
        <li class="menu" id="api_<?php echo md5($v['id']);?>">
            <a href="#info_api_<?php echo md5($v['id']) ?>" id="<?php echo 'menu_'.md5($v['id'])?>">
                <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
                <?php echo $v['name'] ?>
            </a>
        </li>
        <!--接口关键字(js通过此关健字进行模糊查找)start-->
        <span class="keyword" id="<?php echo md5($v['id'])?>"><?php echo $v['name'].'<|-|>
            '.$v['num'].'<|-|>'.$v['des'].'<|-|>'.$v['memo'].'<|-|>'.$v['parameter'].'<|-|>'.$v['url'].'<|-|>'.$v['type'].'<|-|>'.strtolower($v['type']);?></span>
        <!--接口关键字(js通过此关健字进行模糊查找)end-->
        <?php } ?>
    </ul>
</div>
<form action="/home/api/add_page?cate_id=<?php echo $_GET['cate_id'];?>" method="post">
    <!--只有超级管理员才可以添加接口-->
    <div style="float:right;margin-right:20px;">
        <button class="btn btn-success" id="add_api">新建接口</button>
    </div>
</form>
<!--jquery模糊查询start-->
<script>
    function search(type, obj) {
        var $find = $.trim($(obj).val());//得到搜索内容
        if (type == 'cate') {
            //对接口分类进行搜索操作
            if ($find != '') {
                $(".menu").hide();
                //找到符合关键字的对象
                var $keywordobj = $(".keyword:contains('" + $find + "')")
                $keywordobj.each(function (i) {
                    var menu_id = $($keywordobj[i]).attr('id');
                    $("#info_" + menu_id).show();
                });
            } else {
                $(".menu").show();//在没有搜索内容的情况下,左侧导航菜单 全部 显示
            }
        } else if (type == 'api') {
            //对接口进行搜索操作
            if ($find != '') {
                $(".menu").hide();//左侧导航菜单隐藏
                $(".info_api").hide();
                //找到符合关键字的对象
                var $keywordobj = $(".keyword:contains('" + $find + "')")
                $keywordobj.each(function (i) {
                    var menu_id = $($keywordobj[i]).attr('id');
                    $("#api_" + menu_id).show();//左侧导航菜单 部份 隐藏
                    $("#info_api_" + menu_id).show();//接口详情 部份 隐藏
                });
            } else {
                $(".menu").show();//在没有搜索内容的情况下,左侧导航菜单 全部 显示
                $(".info_api").show();//在没有搜索内容的情况下,接口详情 全部 显示
            }
        }
    }

    // 全屏和normal
    function navbar(obj) {
        if ($('#mainwindow').hasClass('col-md-9')) {
            $(obj).html('&gt;');
            $(obj).css("cursor", "e-resize");
            $('#mainwindow').removeClass('col-md-9').addClass('col-md-12');
            $('#navbar').hide();
        } else {
            $(obj).html('&lt;');
            $(obj).css("cursor", "w-resize");
            $('#mainwindow').removeClass('col-md-12').addClass('col-md-9');
            $('#navbar').show();
        }
    }
</script>
<!--jquery模糊查询end-->
<!--end-->